<%--
  Created by IntelliJ IDEA.
  User: 九号
  Date: 2022/4/10
  Time: 10:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/login/css/login.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/login/font/iconfont.css"/>
    <%--    <script type="text/javascript" src="../js/login.js"></script>--%>
</head>
<body>
<form action="/login" method="post" onsubmit="return checkForm()">
    <div id="login-box">
        <h1>Login</h1>

        <div class="input-box">
            <i class="iconfont">&#xe604;</i>
            <input type="text" id="username" name="username" placeholder="UserName" onkeyup="checkUsername();"/>
            <!--placeholder：该提示会在输入字段为空时显示，并会在字段获得焦点时消失。-->
        </div>
        <%--        <div colspan="2"><span id="usernameMsg"></span>--%>
        <%--            <font color="#FF0000" >不能是数字开头</font>--%>
        <%--        </div> --%>


        <div class="input-box">
            <i class="iconfont">&#xe8b2;</i>
            <input type="password" name="password" placeholder="UserPassword" onkeyup="checkpassword();"/>
        </div>
        <%--        <div>--%>
        <%--            <span id="passwordMsg"></span>--%>
        <%--            <font color="#FF0000">密码请设置6-16位字符</font>--%>
        <%--        </div>--%>

        <div class="rem-for-agile">
            <input type="checkbox" name="remember" class="remember">记住密码<br>
            <%--            <a href="#">忘记密码</a><br>--%>
        </div>
        <button type="submit" onclick="">Login</button>

    </div>
</form>
</body>
</html>
